<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>位置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <style type="text/css">
        html,body{
            width:100%;
            height:100%;
        }
        *{
            margin:0px;
            padding:0px;
        }
        body, button, input, select, textarea {
            font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
        }
        p{
            width:603px;
            padding-top:3px;
            overflow:hidden;
        }
        .btn{
            width:142px;
        }
        #container{
            min-width:600px;
            min-height:767px;
        }
    </style>
    <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
    <script>

        window.onload = function(){

//直接加载地图


            //初始化地图函数  自定义函数名init
            function init() {
                var lat=${device.lat};
                var lng=${device.lng};
                if(lat==""){
                    lat=0;
                }
                if(lng==""){
                    lng=0;
                }
                //定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
                var map = new qq.maps.Map(document.getElementById("container"), {
                    center: new qq.maps.LatLng(lat,lng),      // 地图的中心地理坐标。
                    zoom:19                                                 // 地图的中心地理坐标。
                });

                var lnglat= new qq.maps.LatLng(parseFloat(lat),parseFloat(lng));
                loadMark(map,lnglat);
            }

            function loadMark(map,latlng) {
                map.setCenter(latlng);
                var marker=null;
                if(marker==null)
                {
                    marker = new qq.maps.Marker({
                        position: latlng,
                        draggable: true,
                        map: map
                    });
                    addEvent();
                }else{
                    marker.setPosition(latlng);
                }
                if(cirle==null)
                {
                    cirle= new qq.maps.Circle({
                        center:latlng,
                        radius:radius,
                        map: map,
                        strokeWeight:1
                    });
                }else{
                    cirle.setCenter(latlng);
                    cirle.setRadius(radius);
                }
                $("#lat").val(latlng.getLat());
                $("#lng").val(latlng.getLng());
            }

            //调用初始化函数地图
            init();


        }
    </script>
</head>
<body>
<!--   定义地图显示容器   -->
<div id="container"></div>
</body>
</html>
